<!DOCTYPE html>
<html>
<head>
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<title></title>
	<style type="text/css">
		body {
			background : url('images/bg-pattern.PNG') repeat;
		}

		.body-container {
			background    : white;
			border        : 0px solid #555555;
			border-radius : 10px;
			margin-top    : 10px;
			padding       : 15px;
		}

		.internal-link {
		}
	</style>
</head>
<body>
<div class="container body-container">
	<div class="row">
		<div class="span12" style="text-align: center">
			<img src="images/london-20122-logo.jpg" alt="London Olympics" style="margin-bottom: 15px;">
		</div>
	</div>
	<div class="row">
		<div class="span12">
			<div class="btn-group">
				<a href="somelink.html" class="btn btn-primary internal-link">Home</a>
				<a href="somelink.html" class="btn internal-link">Shop</a>
				<a href="somelink.html" class="btn internal-link">About staff</a>
				<a href="somelink.html" class="btn internal-link">Site map diagram</a>
				<a href="somelink.html" class="btn internal-link">Somelink</a>
			</div>
		</div>
	</div>
	<div class="row">
		<div class="span12">
			<ul class="nav nav-pills">
				<li><a href="somelink.html" class="internal-link">Home</a></li>
				<li><a href="somelink.html" class="internal-link">Shop</a></li>
				<li><a href="somelink.html" class="internal-link">About staff</a></li>
				<li><a href="somelink.html" class="internal-link">Site map diagram</a></li>
				<li><a href="somelink.html" class="internal-link">Somelink</a></li>
			</ul>
		</div>
	</div>
</div>


</div>
</body>
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
	(function ()
	{
		$("body").on("click", "a.internal-link", function (e)
		{
			e.preventDefault();
			$("#body").load($(this).attr("href") + " #body");
		})

	})();
</script>
</html>